<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>商品详情-评价</title>
    <!--css style-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="responsive/flexible.css">
    <script src="responsive/flexible.js"></script>
</head>
<body class="detail inner_page comment">
    <header>
        <a href="javascript:void(0)" class="pre_page"></a>
        <a href="index.html" class="home"></a>
        <nav>
            <a href="javascript:void(0)">商品</a>
            <a href="javascript:void(0)">详情</a>
            <a href="javascript:void(0)" class="active">评价</a>
        </nav>


    </header>


    <section class="main">
        <div class="comment_nav container">
            <a href="javascript:void(0)" class="active">全部评价<br>972</a>
            <a href="javascript:void(0)">好评<br>956</a>
            <a href="javascript:void(0)">中评<br>10</a>
            <a href="javascript:void(0)">差评<br>6</a>
            <a href="javascript:void(0)">晒图<br>158</a>
        </div>
        <!--评论-->
        <div class="comments">
            <div class="container">


                <ul>
                    <li>
                        <h2>
                            <i class="profile"><img src="img/profile_s.png" alt=""></i>
                            jack***666
                            <i class="level"><img src="img/vip_4.png" alt=""></i>
                            <span>2016-06-26</span>
                        </h2>
                        <h3>
                            <img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt="">
                        </h3>
                        <p>
                            购物方便，家具质量很好，值得信赖的商家，满意！！家具质量
                            很好，值得信赖的商家，购物方便，家具质量很好，值得信赖...
                        </p>
                        <div class="pics">
                            <img src="img/detail.png" alt="">
                            <img src="img/detail.png" alt="">
                            <img src="img/detail.png" alt="">
                            <img src="img/detail.png" alt="">
                        </div>
                    </li>
                    <li>
                        <h2>
                            <i class="profile"><img src="img/profile_s.png" alt=""></i>
                            jack***666
                            <i class="level"><img src="img/vip_4.png" alt=""></i>
                            <span>2016-06-26</span>
                        </h2>
                        <h3>
                            <img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt="">
                        </h3>
                        <p>
                            购物方便，家具质量很好，值得信赖的商家，满意！！家具质量
                            很好，值得信赖的商家，购物方便，家具质量很好，值得信赖...
                        </p>
                    </li>
                    <li>
                        <h2>
                            <i class="profile"><img src="img/profile_s.png" alt=""></i>
                            jack***666
                            <i class="level"><img src="img/vip_4.png" alt=""></i>
                            <span>2016-06-26</span>
                        </h2>
                        <h3>
                            <img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt=""><img src="img/red_star.png" alt="">
                        </h3>
                        <p>
                            购物方便，家具质量很好，值得信赖的商家，满意！！家具质量
                            很好，值得信赖的商家，购物方便，家具质量很好，值得信赖...
                        </p>
                        <div class="pics">
                            <img src="img/detail.png" alt="">
                            <img src="img/detail.png" alt="">
                            <img src="img/detail.png" alt="">
                        </div>
                    </li>

                </ul>

            </div>

        </div>

        <!--加入购物车成功提示框-->
        <div class="to_cart_box">
            <img src="img/success.png" alt="">
            <p>加入购物车成功</p>
        </div>



    </section>




    <div class="fix_nav">

        <div class="wrapper">
            <ul>
                <li>
                    <a href="javascript:void(0)" class="shop">
                        店铺
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" class="attention">
                        关注
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" class="cart">
                        购物车
                    </a>
                </li>

            </ul>
            <a class="add_2_cart" href="javascript:void(0)">
                加入购物车
            </a>

        </div>

    </div>

</body>
<script src="js/jquery.js"></script>
<script src="js/jquery.SuperSlide.2.1.2.js"></script>
<script>
    $(function(){

        /*banner animation*/
        $(".banner_wrap").fadeIn();
        $(".banner_wrap ").slide({
            titCell: ".hd ul",
            autoPage: "<li><a></a></li>",
            autoPage:true,
            mainCell: ".banner ul",
            effect: "leftLoop",
            autoPlay: true,
            vis: "auto",
            scroll: 1,
            easing: "easeInOutQuad",
            interTime: 5000
        });

        $(".commends_wrap").fadeIn();
        $(".commends_wrap ").slide({
            titCell: ".hd ul",
            autoPage: "<li><a></a></li>",
            autoPage:true,
            mainCell: ".commend ul",
            effect: "leftLoop",
            autoPlay: true,
            vis: "auto",
            scroll: 1,
            easing: "easeInOutQuad",
            interTime: 5000
        });

        $(".to_top").on("click",function(){
            $(window).scrollTo(0);
        });
    });

</script>
</html>